// main.js入口文件

// 引入vue包
import Vue from 'vue'
// 导入app.vue文件
import App from './App.vue'
// 生产环境下的警告
Vue.config.productionTip = false

new Vue({
  el:'#app',
  render: h => h(App),
})



/* 
模块化语法 es6模块化语法 commonjs模块化语法 AMD CMD
es6
export default 默认暴露====导出
export {
  
}
export xxx
import from 
common.js

module.exports
exports.xx
require引入

html页面  styl css  body 标签  script js
vue-cli vue开发的工具 使用工具webpack
webpack前端目前比较流行的构建工具


app就是我们项目当中的最外层的组件
vue组件  后缀名 .vue
每个组件当中都有三部分：
template html标签  必须有个根标签
script  js
style   css
组件是一段具有特定功能和样式的代码的集合（html js css）

vue组件可以看做是vue的实例对象


创建组件
1.在components文件夹中创建组件
2.引入组件 import from
3.注册组件 components  组件命名时 要大驼峰命名法
4.调用组件 
四种写法
<xiao-yu></xiao-yu>
<xiao-yu />
<XiaoYu></XiaoYu>
<XiaoYu />


vue-cli项目启动
开发环境下启动
npm run serve  不一定serve 取决于package.json中的scripts的描述

生产环境下启动
npm run build  打包生成本地文件

打包出dist文件再打压缩包 发给他们

开发环境 npm run serve 会在内存当中生产打包文件不会生成本地文件
生产环境npm run build 会生成本地文件 dist
首先需要在你电脑上安装一个工具包 http-server
npm i -g http-server
http-server dist 就可以运行打包文件


npm install -g @vue/cli@4.5.17
拉取脚手架：
vue create 项目名字
名字规范：
不能出现中文
不能出现特殊符号
不能出现大写字符
关键字不要用
首字符不要是数字

webpack  封装到vue-cli底层 看不见
webpack 可以做很多东西
vue.config.js该文件当中专门做webpack配置

常用的端口号
3000之前不要用 
3000
常用的端口号：3000 5000 8000 8080 8081 9000常用









*/
